<%--
  Created by IntelliJ IDEA.
  User: xianfei
  Date: 15-6-8
  Time: 下午4:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
    <title>度假屋交换</title>
    <mystyle>
    <link href="/public/css/change.css" type="text/css" rel="stylesheet"/>
    </mystyle>
</head>
<body>
<div class="main">
    <div class="nav">
        <h1>度假屋交换</h1>
    </div>
    <!--nav结束-->

    <div class="own">
        <div class="ownTop">
            <p><a href="javascript:">已放入交换池的度假屋</a></p>
        </div>
        <div class="ownBottom">
            <c:forEach items="${userExchangePoolDTOs}" var="userExchangePoolDTOs" varStatus="status">
                <div class="oB01">
                    <input type="hidden" value="${userExchangePoolDTOs.guid}">
                    <img src="/public/image/${userExchangePoolDTOs.houseInfoDTO.imageGuids[0]}">
                    <h4>${userExchangePoolDTOs.houseInfoDTO.name}</h4>

                    <p>周次：<span>${userExchangePoolDTOs.houseWeekName}</span></p>

                    <p>价格：<span>${userExchangePoolDTOs.houseWeekPrice}元</span></p>

                    <p><input type="radio" value="${userExchangePoolDTOs.guid}" name="houseGuid"/></p>
                </div>
            </c:forEach>
        </div>
    </div>
    <!--own结束-->

    <div class="ownTop">
        <p><a href="javascript:">可选择的交换度假屋</a></p>
    </div>
    <div class="other">
        <div class="otherTop">
            <ul class="otherTopNav">
                <li class="current "><a href="javascript:">度假公寓</a></li>
                <li><a href="javascript:">度假别墅</a></li>
                <%--<li><a href="javascript:">老年公寓</a></li>--%>
            </ul>
        </div>
        <c:if test="${empty exchangePoolDTOs}">
            <div class="otherBottom">没有用于可换入的度假屋</div>
        </c:if>
        <div class="otherBottom">
            <ul class="otherBottomNav">
                <li class="current01">
                    <c:forEach items="${exchangePoolDTOs}" var="exchangePoolDTOs">
                    <div class="oBN01">
                        <img src="/public/image/${exchangePoolDTOs.houseInfoDTO.imageGuids[0]}">
                        <h4>${exchangePoolDTOs.houseInfoDTO.name}</h4>

                        <p>周次：<span>${exchangePoolDTOs.houseWeekName}</span> <span>${exchangePoolDTOs.username}</span>
                        </p>

                        <p>价格：<span>${exchangePoolDTOs.houseWeekPrice}元</span></p>
                        <button class="changebutton" onclick="change('${exchangePoolDTOs.guid}')">交换</button>
                    </div>
                    </c:forEach>
            </ul>
        </div>
    </div>
    <!--other结束-->
</div>
<!--main结束-->


<!--copyRight结束-->
<myscript>
    <script src="/public/js/exchange.js"></script>
</myscript>
</body>
</html>